<template>
  <t-modal :title="$ct('detail','详情')" :width="640" :visible="visible" :switchFullscreen="true" :fullscreen="true"
           @cancel="() => { $emit('cancel') }" :footer="null">
      <a-descriptions :column="2" bordered>
        <a-descriptions-item :label="$ct('requestJobNo','请求工号')">
          {{this.model && this.model.userNameId}}
        </a-descriptions-item>
        <a-descriptions-item :label="$ct('requestName','请求姓名')">
          {{this.model && this.model.userName}}
        </a-descriptions-item>
        <a-descriptions-item :label="$ct('requestIP','请求IP')">
          {{this.model && this.model.operationIp}}
        </a-descriptions-item>
        <a-descriptions-item :label="$ct('requestDesc','请求描述')">
          {{this.model && this.model.operationDesc}}
        </a-descriptions-item>
        <a-descriptions-item :label="$ct('requestDevice','请求设备')">
          {{this.model && this.model.operationUserAgent}}
        </a-descriptions-item>
        <a-descriptions-item :label="$ct('requestURL','请求URL')">
          {{this.model && this.model.operationUrl}}
        </a-descriptions-item>
        <a-descriptions-item :label="$ct('requestMethodName','请求方法名')">
          {{this.model && this.model.operationMethodName}}
        </a-descriptions-item>
        <a-descriptions-item :label="$ct('requestMode','请求方式')">
          {{this.model && this.model.operationMethod}}
        </a-descriptions-item>
        <a-descriptions-item :label="$ct('requestParam','请求参数')">
          {{this.model && this.model.operationArgs}}
        </a-descriptions-item>
        <a-descriptions-item :label="$ct('requestTimeConsuming','请求耗时')">
          {{this.model && this.model.operationTime}}
        </a-descriptions-item>
        <a-descriptions-item :label="$ct('responseParam','响应参数')">
          {{this.model && this.model.operationResponeArgs}}
        </a-descriptions-item>
      </a-descriptions>
  </t-modal>
</template>

<script>
  // 表单字段
  export default {
    props: {
      visible: {
        type: Boolean,
        required: true
      },
      model: {
        type: Object,
        default: () => null
      }
    },
    components: {
      // TDictSelectTag, TMultiSelectTag
    },
    data() {
      return {
        title: "",
      }
    },
    methods: {
      add(m, data) {
        console.log(m, data)
      },
      edit(m, data) {
        console.log(m, data)
      }
    },
    created() {
    }
  }
</script>
<style scoped>
  /deep/ .ant-descriptions-bordered .ant-descriptions-item-label{
    white-space: nowrap;
  }
  .ant-descriptions{
    user-select: text;
  }
</style>

